<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/bootstrap.css">
  <link rel="stylesheet" href="../css/xzfooter.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/popper.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>
<body>
  <div class="xz-footer">
    <div class="xz-footer-top bg-light">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-6 text-center pt-4 pb-4">
            <img src="../img/xz-img/footer/icon1.png" alt="">
            <p>品质保障</p>
          </div>
          <div class="col-lg-3 col-6 text-center pt-4 pb-4">
            <img src="../img/xz-img/footer/icon2.png" alt="">
            <p>私人订制</p>
          </div>
          <div class="col-lg-3 col-6 text-center pt-4 pb-4">
            <img src="../img/xz-img/footer/icon3.png" alt="">
            <p>学员特供</p>
          </div>
          <div class="col-lg-3 col-6 text-center pt-4 pb-4">
            <img src="../img/xz-img/footer/icon4.png" alt="">
            <p>专属特权</p>
          </div>
        </div>
      </div>
    </div>
    <div class="xz-footer-bottom">
      <div class="container">
        <div class="row">
          <!-- 左侧块 -->
          <div class="col-lg-4 col-12 mt-3 mb-2">
            <img src="../img/xz-img/footer/logo.png" alt="" class="d-block mb-2">
            <img src="../img/xz-img/footer/footerFont.png" alt="" class="d-block">
          </div>
          <!-- 中间块 -->
          <div class="col-lg-4 col-12 mt-3 mb-2">
            <div class="row">
              <ul class="col-4 list-unstyled text-center xz-footer-list">
                <li><a href="#">买家帮助</a></li>
                <li><a href="#">新手指南</a></li>
                <li><a href="#">服务保障</a></li>
                <li><a href="#">常见问题</a></li>
              </ul>
              <ul class="col-4 list-unstyled text-center xz-footer-list">
                <li><a href="#">商家帮助</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">商家后台</a></li>
              </ul>
              <ul class="col-4 list-unstyled text-center xz-footer-list">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于达内</a></li>
                <li><a href="#">联系我们</a></li>
                <li>
                  <img src="../img/xz-img/footer/wechat.png" alt="">
                  <img src="../img/xz-img/footer/sinablog.png" alt="">
                </li>
              </ul>
            </div>
          </div>
          <!-- 右侧块 -->
          <div class="col-lg-4 col-12 mt-3 mb-2">
            <div class="float-left">
              <p>学子商城客户端</p>
              <img src="../img/xz-img/footer/ios.png" alt="" class="d-block mb-1">
              <img src="../img/xz-img/footer/android.png" alt="" class="d-block">
            </div>
            <div class="float-left mt-3 ml-3">
              <img src="../img/xz-img/footer/erweima.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>